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Who am I? Daniel Candil 

• The Art Director of A Crowd of Monsters 

• Art Professor at the University 
(Tecnocampus) in Barcelona 

• The responsible of a great team 
of talented artists at ACOM 
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We've been focused on creating the 
visual direction and the art of the 
game about we're gonna talk today. 
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BLUES AND BULLETS 


Development Key Points 

• Episodic Game (5 Chapters) 

• PC, Xbox One, PS4 

• Limited Budget 

• Limited Development time 

• Small art team 
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BLUES AND BULLETS 
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Artistic Key Points 
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Artistic Key Points 

• Noir Aesthetic 
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BLUES AND BULLETS 


• Noir Aesthetic 

• Settled into the american 20's and 50's 
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Artistic Key Points 


BLUES AND BULLETS 


• Noir Aesthetic 

• Settled into the american 20's and 50's 

• Limited color palette (B,W, R) I M 

A 

• LIGHT: German Expressionist approach 

• DANGER: Monotony of the grey color 
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Blues and Bullets it's our tribute to 

the noir genre. 
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Blues and Bullets it's our tribute to 

the noir genre. 
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Blues and Bullets it's our tribute to 

the noir genre. 


NARRATIVE 

NARRATIVE RHYTHM 



AESTHETICS 

VISUAL RHYTHM 
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NARRATIVE 

The Pacing of the Noir genre 
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BLUES AND BULLETS 


The characters 
are introduced 
calmly 




BLUES AND BULLETS 



The main character carries 
all the weight of the world 
in his shoulders progressively 
as the story advances until... 
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...SHIT HAPPENS. 



BLUES AND BULLETS 
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... and the main 
character realizes that 

)is he/she against 
^everything. 
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NARRATIVE N * IC S AND BULLETS 

The Pacing of the Noir genre 
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Noir implies slow pacing! 
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NARRATIVE 

The Pacing of the Noir genre 



BLUES AND BULLETS 


Noir implies slow pacing! 

TOO SLOW FOR A VIQEO GAME? 
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Demo time! 
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WE CONFIRMED SOME THINGS: 


• The Narrative rhythm was as slow as expected. 


• While this would have worked fine on a movie... 
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<> 


The player took far too long to 
engage fully in the story for a 

video game! 
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<> 



We needed to know exactly 
what kind of Narrative 
Rhythm our game had... 



THE ATTENTION PYRAMID 

NARRATIVE RHYTHM 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM 


EPISODE 1 


GDC 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM 


EPISODE 1 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM 


EPISODE 1 



We analyzed the player's attention progress throughout the game. 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM 

EPISODE 1 



This way we ended up visualizing the narrative rhythm. 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM 


FPT^nnF i 



We could locate the in which the player may end up losing his interest 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM 


EPISODE 1 


DANGER 

Lowest ZONE 

attention 

peak 
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With this in mind we can start to 
develop our Visual Rhythm 
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AESTHETICS 

Dominating 256 Shades of Grey 
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Artistic Key Points 


BLUES AND BULLETS 


• Noire Aesthetic 

• Settled into the american 20's and 50's 

• Limited color palette (B,W, R) I M 

A 

• Expressionist approach in lighting 

• DANGER: Monotony of the grey color 
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BLACK AND WHITE 

• When you are trying to make a Black and 
White video game in a modern engine you 
may end up fighting against 
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BLACK AND WHITE 

• When you are trying to make a Black and 
White video game in a modern engine you 
may end up fighting against 


GLOBAL ILLUMINATION 



BLUES AND BULLETS 


GLOBAL ILLUMINATION ISN'T SOMETHING 

AS NEW AS IT SOUNDS.... 



BLUES AND BULLETS 


Humanity needed almost 19 centuries to 
learn that the shadow is not "Black" It has 

a lot of colors. 



Baroque 
XVII Century 


Dramatic lighting 

Shadow is almost black 

It’s an unified tone in the 
lighting (yellow in this case) 


The Calling of St. Matthew. Caravaggio. 




BLUES AND BULLETS 


Impressionism (S.XIX) 
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A lot of different hues of blue in 
the shadow , the silhouette of the 
buildings 

The orange hues of the sky in 
the water 

It’s a powerful image 
The contrast works but ... 


The houses of Parliament 1903 
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BLUES AND BULLETS 


In fact, we could say they were applying... 

"Global Illumination"... 



Claude Monet 
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... in 1880 (the 19th Century). 

y ■ 



Claude Monet 
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Let's see what happens in a modern engine 
with a realistic lighting approach. 


GDC 


> 


GAME DEVELOPERS CONFERENCE March 14-18, 2016 ' Expo: March 16-18, 2016 #G0C16 



BLUES AND BULLETS 




GDC 


> 


GAME DEVELOPERS CONFERENCE March 14-18, 2016 ' Expo: March 16-18, 2016 #G0C16 



BLUES AND BULLETS 



TVI 'V 




BLUES AND BULLETS 






BLUES AND BULLETS 


The modern engines with Global 
Illumination help us to create great images, 
and they are perfect for realistic color 

A 

approaches... but in our case they created 

our worst enemy... 



BLUES AND BULLETS 


THE GREY COLOR 



• Kills the brightness and the darks 
• Gives everything the same visual magnitude 


Produces visual 
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How can we fight against the 

and the grey color? 
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Going back to the fundamentals of visual design 
and creating a good... 

VISUAL RHYTHM 



BLUES AND BULLETS 


We create rhythm almost immediately when we 
put elements on screen, but you can plan how 

they appear and behave. 



BLUES AND BULLETS 


For example, the repetition of similar shapes, 
colors... sets up a rhythm that makes 
seeing easier and more enjoyable. 
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BLUES AND BULLETS 


To be effective, rhythm also requires variability - rhythm 

that is too similar is boring. 


\ 










BLUES AND BULLETS 


We need to adjust the visual impacts, the pattern that the user is 
seeing. We can create a most suitable visual rhythm introducing 

variations at the right moments. 



I 
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Ok, we know we need to boost the visual rhythm but... 


HOW DO WE DO IT? -v 
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How? 


(we have some tools to help) 



BLUES AND BULLETS 


• Using the Red Color. 


A 
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RED IS PASSION 

Ntf */V. . ’ ' •• ‘ ? 

• Red is the color of passion, the most emotional color of all. 

• Red elements appear only to enhance the visual rhythm. 

a 

• It's the only color we use besides black and white. 


• Stimulates us in a physical way even raising the pulse rate. 





GDC 


GAME DEVELOPERS CONFERENCE March 14-18, 2016 ' Expo: March 16-18, 2016 #GDC16 




BLUES AND BULLETS 

How? (we have some tools to help) 

• Using the Red Color. ✓ 

• Symmetrical environment design on key scenes. 



Gestalt Law of Symmetry 

1920-1930 

• We prefer symmetric appearances over asymmetric ones. 

• Symmetric objects or arrangements are associated with 
positive aspects such as stability, consistency and structure. 

a 

• A symmetric and grandiloquent environment (in comparison 
at other environments) at some key scenes helps us to boost 
the visual rhythm. 


I ^ 
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BLUES 


BULLETS 


How? (we have some tools to help) 

» Using the Red Color. ✓ 

\ 

» Symmetrical environment design on key scenes. 
» The light has to be designed shot by shot. 
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Lightning in German Expressionism cinema 



• A reaction against the Realism in the 20's 

• Artistic control over the placement of 
scenery and light to enhance the mood. 

A 

A 

• Master directors like Fritz Lang emigrated 
to USA where they became the pillars of 
Noir Film Aesthetic. 
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Lightning in Noir Cinema 
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Lightning in Noir Cinema 



Constant use of the " chiaroscuro " (low key 
light) 

Use of cookies, gobos to remark the 
intensity and the mood of the scene. 

a 

3 lights setup (main, fill and back) 

studied and adjusted shot by shot. 
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Out of the Past 

Jacques Tourneur 
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Don't try to mimic reality... 
has to create an emotional 
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It's OK, a neutral lightning 


Regular 

light 
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We turn the lights off in this shot. 




\ vv 
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We add a rim light to empathize the shapes. 
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Rim Light 
Side Light Left 


We add a side projected light to enlighten the face 
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Rim Light 
Side Light Left 

Go bo + Light 


We add a gobo with a pattern to add more contrast 



urt 
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Rim Light 
Side Light Left 

Go bo + Light 
Fill Light 


We add a fill light to enlighten the darkest zones. 
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Rim Light 
Side Light Left 

Go bo + Light 
Fill Light 
Secondary Light 


Finally we add a secondary light to enlighten the 
character in the background. 


IIIV 
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We ended up with a shot illuminated by 5 lights. 
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• We ended up with a shot illuminated by 5 lights. 

• Every shot in the game needs to be illuminated 
with care by hand trying to maximize the visual 
impact and creating the right mood.. 
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• We ended up with a shot illuminated by 5 lights. 

• Every shot in the game needs to be illuminated 
with care by hand trying to maximize the visual 
impact and creating the right mood.. 

• Blues and Bullets Episode 1 has... 578 shots 
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• We ended up with a shot illuminated by 5 lights. 

• Every shot in the game needs to be illuminated 
with care by hand trying to maximize the visual 
impact and creating the right mood.. 

• Blues and Bullets Episode 1 has... 578 shots. 
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BLUES AND BULLETS 

How? (we have some tools to help) 


• Using the Red Color. ✓ 

\ 

• Symmetrical environment design on key scenes 

• The light has to be designed shot by shot. ✓ 

• Variable contrast, bloom and dirtiness according 
to the scene's dramatic weight. 
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4LS 



Clear render in game. 

• Boost the contrast 

• Add Bloom 




Add Dirtiness 
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BLUES 


BULLETS 


How? (we have some tools to help) 

• Using the Red Color. ✓ 

• Symmetrical environment design on key scenes. «/ 

• The light has to be designed shot by shot. * - 

• Variable contrast, bloom and dirtiness according 
to the scene's dramatic weight. ✓ 

• A red halo is present in different intensities. 








BLUES AND BULLETS 


“Rhythm is a state of equilibrium which proceeds either from 
symmetries, simple or complex, or from delicate balancing...” 


Three Reminders to Architects. Le Corbusiet 

t- 
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We have the tools to make a good Visual Rhythm but... 


\ 


• CAN WE KNOW THE RIGHT MOMENT TO BALANCE IT? 


DECREASING IT OR INCREASING IT?? 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM 

EPISODE 1 



Thanks to the Attention Pyramid we're able to pinpoint when the 

player becomes more disconnected. 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM + VISUAL RHYTHM 

EPISODE 1 



At those moments we progressively boost the visual rhythm in order to counteract 
that disconnection, so we create the suitable visual rhythm the game needs. 
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THE ATTENTION PYRAMID 

NARRATIVE RHYTHM + VISUAL RHYTHM 
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VISUAL RHYTHM 









VISUAL RHYTHM 




B/W and Bloom 
High contrast 
Dramatic lighting 
Red elements 


Black and White 
Low contrast. 

No red presence. 


M 

4 ♦ B/W , Bloom, Dirtiness 

• High contrast 

• Dramatic lighting 

• Red elements / Halo 

• Symmetric Environment Design 








B/W and Bloom 
High contrast 
Dramatic lighting 
Red elements 


B/W, Bloom 
Medium contrast 
Red Halo very subtle 


• Black and White 

• Low contrast. 

• No red presence. 


• B/W , Bloom, Dirtiness 

• High contrast 

• Dramatic lighting 

• Red elements / Halo 

• Symmetric Environment Design 










B/W and Bloom 
High contrast 
Dramatic lighting 
Red elements 


B/W, Bloom 
Medium contrast 
Red Halo very subtle 


• Black and White 

• Low contrast. 

• No red presence. 


• B/W , Bloom, Dirtiness 

• High contrast 

• Dramatic lighting 

• Red elements / Halo 

• Symmetric Environment Design 



• Black and White 

• Low contrast. 

• No red presence. 







Benefits of this approach 


We can know when to increase and decrease the visual rhythm 

We optimize the art team's workload by knowing which scenes 
require a WOW factor (more modeling work, lighting, details...) and 

which do not. 


It aids us in managing smartly our resources (something very 
important if they are restricted... as they really are!) 



and more important 


We keep the player interested with the help of Narrative and 
Aesthetics working hand by hand. 

aa. 

NARRATIVE AESTHETICS 



iOne last thing 

This is the last I promise. 



iOne last thing! 

This is the last I promise. 

IF YOU HAVE PROBLEMS TRYING TO FIND THE 
BEST VISUALS FOR YOUR GAME... 

flp ** ^ ' * - . 

• • 




iOne last thing! 

This is the last I promise. 


ALWAYS GO BVftK TO THE f$NDAMENTALS OF 

VISUAL ART AND DESIGN. 

THEY PROBABLY FACE^BACK THEN THE SAME 
ISSUES YOU ARE'FACINGtftIGHT NOW... 

• • 





iOne last thing! 

This is the last I promise. 

THEY ALVfAYS HAVE llE ANSWERS 



Thank you!! 

dani@acrowdofmonstars.com 



And thanks to Elena and Maria for their 
help with the creative process of Blues 
and Bullets and for the help with this 

talk. 

You're the best! 



Elena Candil 


Marfa Cabezuelo 


